$sColor:#2452D1;
$subColor: rgba(255, 0, 0, 1.0);
$shColor:rgb(5, 87, 181);
$subhColor: rgb(172, 64, 40);
$bgsColor:rgba(31, 113, 236, 0.1);
$bgsubColor:rgba(240, 101, 70, 0.5);
$textColor:rgba(56, 56, 56, 1);
$sbgcolor:rgb(238, 246, 255);
$color-success:rgb(0, 202, 0);
body{
// background-color: #231d1c;
}
p{ margin: 0px; }
	.container{
		overflow: hidden;
		background-size: 100% 100%;
		width: 100%;
		height: calc(100vh - 50px);
		padding-bottom: 50px;
	}
  .page-con{
	  height:100vh;
  }
  .iconfont{
      font-family:iconfont;
  }
  .iconfont:hover{
    font-weight: 600;
  }
  .posi-re{
    position: relative;
  }
  .clearbtn{
    cursor: pointer; font-size: 12px; color: #b1b3b8;
    margin-left: 20px;
  }
  .desc{
    font-size: 12px;
    color: #b1b3b8;
  }
  .cu{
    cursor: pointer;
  }
  .long-txt{
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  width: 85%;
  }
  .fix-area{
	  position: fixed;
	  height: 76px;
	  width: 100%;
	  bottom: 0px;
	  z-index: 1;
	  left: 0px;
  }
  .floatbtn{
      position: fixed;
      bottom:80px;
      right:20px;
	  width: 50px;
      height:50px;
      border-radius:50px;
      background: $sColor;
      z-index: 2;
      box-shadow: 0 0 10px 0 rgba(7, 83, 233,.3);
      color:#FFF;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .oh{
	  overflow: hidden;
  }
  .cardview{
    box-shadow: 0px 2px 15px  rgba(189, 189, 189, 0.25);
    border-radius:10px;
    overflow: hidden;
    transition: box-shadow 1s ease; 
  }
  .newcardview{
    box-shadow: 0px 0px 3px rgba(189, 189, 189, 0.4);
    border-radius:10px;
    overflow: hidden;
    transition: box-shadow 1s ease; 
  }
  .stext{
	  /** 正文 */
	  font-size: 18px;
	  font-weight: 600;
	  letter-spacing: 0px;
	  line-height: 26.06px;
	  color: rgba(56, 56, 56, 1);
  }
  .stit{
font-size: 20px;
font-weight: 500;
letter-spacing: 0px;
line-height: 26px;
color: rgba(47, 47, 47, 1);
text-align: left;
vertical-align: top;
  }
  .subtext{
	  /** 副文 */
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 23.17px;
	color: rgba(128, 128, 128, 1);
  }
  .desctit{
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 22px;
color: rgba(156, 156, 156, 1);
text-align: left;
vertical-align: top ;
  }
  .dectext{
      /** 描述 */
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0px;
      line-height: 20.27px;
      color: rgba(166, 166, 166, 1);
  }
  .datetext{
	  font-size: 18px;
	  font-weight: 500;
	  letter-spacing: 0px;
	  line-height: 26.06px;
	  color: rgba(6, 2, 32, 1);
  }
  .smalltext{
	  /** 更小文本 */
	  font-size: 14px;
	  font-weight: 400;
	  letter-spacing: 0px;
	  line-height: 19.21px;
	  color: rgba(56, 56, 56, 1);
  }
	.price{
		color: $subColor;
		font-weight: 600;
		font-size: 22px;
		span{
			font-size: 14px;
		}
	}
	.price.small span{
		font-weight: 400;
		font-size: 16px;
	}
  .h100{
      height: calc(100vh - 44px);
	  overflow-y: auto;
   }
  .h-130{
      height: calc(100vh - 90px);
	  overflow-y: auto;
   }
   .pdb50{
	   padding-bottom: 66px;
   }
  .pd{
    padding:16px;
  }
  .pd10{
	  padding:10px;
  }
  .pdl{
    padding-left: 16px;
  }
  .pdlr{
    padding-left: 16px;
    padding-right: 16px;
  }
  .pdl10{
    padding-left: 10px;
  }
  .pdtb{
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .pdtb5{
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pdtb8{
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pdtb10{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pdt{
      padding-top:16px;
  }
  .pdb{
    padding-bottom: 16px;
  }
  .pdb5{
    padding-bottom: 5px;
  }
  .pdt10{
    padding-top: 10px;
  }
  .pdb10{
    padding-bottom: 10px;
  }
  .pdr{
    padding-right: 16px;
  }
  .mgl{
    margin-left:16px;
  }
  .mgl10{
    margin-left:10px;
  }
  .mglr{
    margin-left:16px;
    margin-right:16px;
  }
  .mgl5{
	  margin-left:5px;
  }
  .mgt5{
    margin-top:5px;
  }
  .mgb5{
    margin-bottom:5px;
  }
  .mgt10{
    margin-top:10px;
  }
  .mgb10{
    margin-bottom:10px;
  }
  .mgtb5{
    margin-top:5px;
    margin-bottom:5px;
  }
  .mgtb10{
    margin-top:10px;
    margin-bottom:10px;
  }
  .mgt{
    margin-top:16px;
  }
  .mgtb{
    margin-top:16px;
    margin-bottom:16px;
  }
  .mgb{
    margin-bottom:16px;
  }
  .mgr{
    margin-right:16px;
  }
  .mgr5{
    margin-right:5px;
  }
  .mgr10{
    margin-right:10px;
  }
  .tc{text-align:center;}
  .tr{text-align:right;}
  .fl-t{
    display:flex;
    flex-direction:table;
  }
  .fl-l{
    display:flex;
    align-items: flex-start;
	flex-direction: row;
  }
  .fl{
    display:flex;
    align-items: center;
	flex-direction: row;
  }
  .fl-wrap{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .fl-c{
    display:flex;
    flex-direction:column;
    justify-content: center;
  }
  .fl-label{
    white-space: nowrap;  
    font-size: 12px;
  }
  .fl-cs{
    display:flex;
    flex-direction:column;
  }
  .fl-cls{
    display:flex;
    flex-direction:column;
	justify-content: center;
  }
  .fl-cc{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-content:center;
    align-items: center;
  }
  .fl-rc{
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-content:center;
    align-items: center;
  }
  .fl-rr{
    display:flex;
    justify-content: flex-end;
  }
  .fl-cr{
    display:flex;
	flex-direction: column;
    justify-content: flex-end;
  }
  .fl-rsb{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-content:center;
    align-items:center;
  }
  .fl-rsb-w{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-content:center;
    align-items:center;
    flex-wrap: wrap;
  }
  .fl-rsb-new{
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-content:center;
    align-items:center;
  }

  .fl-rsbc{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-content:center;
    align-items:center;
  }
  .fl-rsac{
    display:flex;
    flex-direction:row;
    justify-content: space-around;
    align-content:center;
    align-items:center;
  }
  .fl-ccsb{
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-content:center;
    align-items:center;
  }
  .fl-csbc{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    align-content:center;
    align-items:center;
  }
  .fl-csb{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    align-content:center;
  }
  .bd{border:0.5px solid rgba(214, 216, 221, 1);}
  .bd1{border-bottom:0.5px solid rgba(191, 191, 191, 1.0);}
  .bd0{border:0px solid rgba(255, 255, 255, 0.1);}
  .bdr{border-radius: 8px !important;}
  .bdr4{border-radius: 4px;}
  .h80{
	  height:65vh;
  }
  .overflow-y{
	  overflow-y: auto;
  }
  .bgwhite{
	  background-color: #FFF;
  }
  .bggray{
	  background-color: #f2f2f2;
  }
  .wcolor{
      color:#FFF;
  }
  .w100{
	  width: 100%;
  }
.fl-gr2{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 1fr;
}
  .btn{
    border: 0px;
    padding: 12px 32px ;
    box-shadow: 0px 0px 10px  rgba(60, 65, 222, 0.5); ;
    cursor: pointer;
	border-radius: 14px;
	background: rgba(60, 65, 222, 1);
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
  }
  .btn.active{
      color: #FFF;
      border-color: #5b1818;
      background-color: #b33939;
      /* width: 70%; */
      box-shadow: none;
      border: 0px;
      padding: 4px 8px;
  }
  .minibtn{
    border: 0px;
    border-radius: 32px ;
    padding: 3px 16px ;
    box-shadow: 0px 0px 5px  rgba(51, 118, 243, 0.3) ;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
	justify-content: center;
  }
  .pribtn{
      color: #FFF;
      border-color: $sColor;
      background-color: $sColor;
  }